<template>
		<view class="tabPT">
			<view class="tabbars" :style="{backgroundColor: backgroundColor}">
				<slot></slot>
			</view>
		</view>
</template>
<script>
	export default {
		name: 'adTabbar',
		components: {},
		props: {
			// 背景色
			backgroundColor: {
				type: String,
				default: "#FFFFFF"
			}
		},
		data() {
			return {
			}
		},
		methods: {}
	}
</script>
<style>
	
.tabPT {
	padding-top: 105rpx;
}
	.tabbars {
		display: flex;
		justify-content: space-around;
			 padding-bottom: 10rpx;padding-top:13rpx;border-top: 1rpx #C0C0C0 solid;
			 position: fixed;
			 bottom: 0;
			 left:0;
			 width: 100%;
	}
 
	
	
/* 	.tabbars {
		foot
		position: fixed;
		width: 100%;
		min-height: 100rpx;
		bottom: 0;
		z-index: 1024;
		display: flex;
		
		cu-bar
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		
		tabbar
		padding: 0;
		height: calc(130rpx + env(safe-area-inset-bottom) / 2);
		padding-bottom: calc(env(safe-area-inset-bottom) / 2);
		/*  */
		/*shadow
		box-shadow: 0 -1rpx 6rpx rgba(0, 0, 0, 0.1);
		color: #666666;
		other
	} */
</style>
